﻿@{
    AjaxOptions aj = new AjaxOptions
    {
        InsertionMode = InsertionMode.Replace,
        UpdateTargetId = "content-main",
        LoadingElementId = "loading-icon",
        OnFailure = "AjaxFailure",
        OnBegin = "AjaxBegin",
        OnComplete = "AjaxComplete"
    };
}

<div class="page-sidebar-wrapper">
    <div class="page-sidebar navbar-collapse collapse">
        <!-- BEGIN SIDEBAR MENU -->
        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
        <ul class="page-sidebar-menu" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
            <!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
            <li class="sidebar-toggler-wrapper">
                <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
                <div class="sidebar-toggler">
                </div>
                <!-- END SIDEBAR TOGGLER BUTTON -->
            </li>
           
            <li class="start active open">
                <a href="javascript:;">
                    <i class="icon-home"></i>
                    <span class="title">Trang Chủ</span>
                    <span class="selected"></span>
                    <span class="arrow open"></span>
                </a>
                <ul class="sub-menu">
                    <li class="content-submenu">
                        @Ajax.ActionLink("Trang chủ", "Index", "Home", aj);
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class=" icon-notebook"></i>
                    <span class="title">Quản lý Giáo trình</span>
                    <span class="arrow "></span>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a href="ecommerce_index.html">
                            <i class="icon-home"></i>
                            Dashboard
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="icon-list"></i>
                    <span class="title">Quản lý Danh mục</span>
                    <span class="arrow "></span>
                </a>
                <ul class="sub-menu">
                    <li class="content-submenu">
                       @Ajax.ActionLink("Quản lý Chức vụ", "ChucVu","QLDanhMuc", aj);
                    </li>
                    <li class="content-submenu">
                        @Ajax.ActionLink("Quản lý Hệ đào tạo", "HeDaoTao", "QLDanhMuc", aj);
                    </li>
                    <li class="content-submenu">
                        @Ajax.ActionLink("Quản lý Học hàm", "HocHam", "QLDanhMuc", aj);
                    </li>
                    <li class="content-submenu">
                        @Ajax.ActionLink("Quản lý Học vị", "HocVi", "QLDanhMuc", aj);
                    </li>
                    <li class="content-submenu">
                        @Ajax.ActionLink("Quản lý Khoa", "Khoa", "QLDanhMuc", aj);
                    </li>
                    <li class="content-submenu">
                        @Ajax.ActionLink("Quản lý Ngành", "Nganh", "QLDanhMuc", aj);
                    </li>
                    <li class="content-submenu">
                        @Ajax.ActionLink("Quản lý Nhà xuất bản", "NhaXuatBan", "QLDanhMuc", aj);
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="icon-users"></i>
                    <span class="title">Quản lý Tài khoản</span>
                    <span class="arrow "></span>
                </a>
                <ul class="sub-menu">
                    <li class="content-submenu">
                        @Ajax.ActionLink("Quản lý Chức năng", "ChucNang", "QLTaiKhoan", aj);
                    </li>
                    <li class="content-submenu">
                        @Ajax.ActionLink("Quản lý Quyền", "Quyen", "QLTaiKhoan", aj);
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="icon-magnifier"></i>
                    <span class="title">Tìm kiếm</span>
                    <span class="arrow "></span>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a href="components_pickers.html">
                            Pickers
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                    <i class="icon-bar-chart"></i>
                    <span class="title">Thống kê</span>
                    <span class="arrow "></span>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a href="components_pickers.html">
                            Pickers
                        </a>
                    </li>
                </ul>
            </li>
           
        </ul>
       
        <!-- END SIDEBAR MENU -->
    </div>
</div>
